<template>
    <div>
        <ul>
            <!-- <li v-for="data in list">{{ data }}</li> -->
            <!-- <B1 v-for="data in list" key="data" :itm="data"></B1> -->
        </ul>
    </div>
</template>
<script>
import B1 from './B1.vue';

export default {
    data() {
        return {
            list: ['首页', '胡歌', '彭于晏']
        }
    },
    components:{
         B1
    }
}
</script>
<style scoped>
ul{
display: flex;
justify-content: space-around;
position: fixed;
bottom: 0;
width:100%;
height: 50px;
line-height: 50px;
text-align: center;
}
li{
    flex: 1;
    background-color: antiquewhite;
}

</style>